<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:tiles="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org" lang="en">

<head>
</head>

<body tiles:fragment="content">
 	<div>
		<h5>
			<p th:text="#{aprobarProgramacion.consulta}">Consulta de Estimación</p>
		</h5>
		<hr />
		
		<h2>
			<p th:text="#{aprobarProgramacion.titulo}">Aprobación de Estimación</p>
		</h2>
			
			<div class="success" th:if="${flagMsgAprobado}">
                  <span th:text="#{aprobarProgramacion.msgAprobado}">Ha aprobado la programación y se pondrá en marcha la atención de la solicitud</span><br />
            </div>
            <div class="notice" th:if="${flagMsgRechazado}">
                  <span th:text="#{aprobarProgramacion.msgRechazado}">Se ha rechazado la programación y la solicitud ha sido cancelada</span><br />
            </div>
            
            <div class="notice" th:if="${flagMsgObservado}">
                  <span th:text="#{aprobarProgramacion.msgObservado}">Se ha devuelto la programación para su reprogramación</span><br />
            </div>
           	    
			<div id="resultadoSolicitudes" th:if="${listaSolicitudes}">			
			<fieldset>
				<legend th:text="#{aprobarProgramacion.pendientes}">Pendientes de Aprobación</legend>          	    
				  
				    <table class="summary">
				        <thead>
				            <tr>
				                <th th:text="#{aprobarProgramacion.resultado.nro}">Nro</th>
				                <th th:text="#{aprobarProgramacion.resultado.area}">Area</th>
				                <th th:text="#{aprobarProgramacion.resultado.fechaRegistro}">Fecha de registro</th>
				                <th th:text="#{aprobarProgramacion.resultado.fechaEsperada}">Fecha esperada</th>
				                <th th:text="#{aprobarProgramacion.resultado.fechaEstimada}">Fecha estimada de entrega</th>				                
				                <th th:text="#{aprobarProgramacion.resultado.plazoAprobacion}">Plazo para aprobación</th>
				                <th th:text="#{aprobarProgramacion.resultado.accion}">Acción</th>
				            </tr>
				        </thead>
				        <tbody>
				            <tr th:each="solicitud : ${listaSolicitudes}">
				                <td th:classappend="${!(solicitud.horasRestantesAprobacion >= 0)}? 'highlight'" th:text="${solicitud.id}">354</td>
				                <td th:classappend="${!(solicitud.horasRestantesAprobacion >= 0)}? 'highlight'" th:text="${solicitud.areaSolicitante.nombre}">Logistica</td>
				                <td th:classappend="${!(solicitud.horasRestantesAprobacion >= 0)}? 'highlight'" th:text="${#dates.format(solicitud.fechaRegistro, #messages.msg('date.format'))}">10/10/2013</td>
				                <td th:classappend="${!(solicitud.horasRestantesAprobacion >= 0)}? 'highlight'" th:text="${#dates.format(solicitud.fechaEsperada, #messages.msg('date.format'))}">10/10/2013</td>
				                <td th:classappend="${!(solicitud.horasRestantesAprobacion >= 0)}? 'highlight'" th:text="${#dates.format(solicitud.fechaEstimadaEntrega, #messages.msg('date.format'))}">10/10/2013</td>
				                <td th:if="${solicitud.horasRestantesAprobacion >= 0}" th:text="${solicitud.horasRestantesAprobacion} + ' ' + #{general.horas}">2</td>
				                <td class='highlight' th:unless="${solicitud.horasRestantesAprobacion >= 0}" th:text="#{aprobarProgramacion.plazoAgotado}">Plazo terminado</td>
				                <td th:classappend="${!(solicitud.horasRestantesAprobacion >= 0)}? 'highlight'"><a th:text="#{aprobarProgramacion.resultado.verDetalles}" href="#" th:href="@{'aprobarProgramacion/' + ${solicitud.id}}">Ver detalles de aprobación</a></td>
				            </tr>
				            <tr th:if="${listaSolicitudes.isEmpty()}">
				                <td colspan="7" th:text="#{aprobarProgramacion.noResultados}">No se encontraron solicitudes</td>
				            </tr>
				        </tbody>
				    </table>
				  </fieldset>
				  </div>		
				</div>
</body>
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- END of the content to be included in the execution result -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

</html>
